<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>701</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <link rel="shortcut icon" href="new1/701-logo.png">
  <!-- Favicons
      ================================================== -->
  <!--<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">-->
  <!--<link rel="apple-touch-icon" href="img/apple-touch-icon.png">-->
  <!--<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">-->
  <!--<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">-->

  <!-- Bootstrap -->
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

  <!-- Slider
      ================================================== -->
  <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
  <link href="css/owl.theme.css" rel="stylesheet" media="screen">

  <!-- Stylesheet
      ================================================== -->
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="css/responsive.css">
  <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
  <!-- <link href='http://fonts.useso.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'> -->
  <!-- <link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'> -->
  <script type="text/javascript" src="js/modernizr.custom.js"></script>

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--&lt;!&ndash;[if lt IE 9]>-->
  <!--<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->
  <!--<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>-->
  <!--<![endif]&ndash;&gt;-->
</head>

<body>
  <!-- Navigation     ==========================================-->
  <nav id="menu" class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span
            class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a><img class="navbar-brand" href="index.html" src="img/701-logo.png"></a>
        <a class="navbar-brand" href="index.html">701 studio<strong><span class="color">.</span></strong></a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#home" class="page-scroll">Home</a></li>
          <li><a href="#about-section" class="page-scroll">About 关于我们</a></li>
          <li><a href="#team-section" class="page-scroll">Team 团队成员</a></li>
          <li><a href="#works-section" class="page-scroll">Glory 团队荣誉</a></li>
          <li><a href="#services-section" class="page-scroll">Services 团队项目</a></li>
          <!--<li><a href="#testimonials-section" class="page-scroll">Testimonials</a></li>-->
          <li><a href="#contact-section" class="page-scroll">Contact 联系我们</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>

  <!-- Header -->
  <header class="text-center" name="home">
    <div class="intro-text">
      <h1>Welcome to <strong><span class="color">701</span></strong> studio</h1>
      <p>在最该<strong>奋斗</strong>的年纪里，我们与你<strong>并肩</strong></p>
      <a href="#about-section" class="fa fa-angle-down page-scroll"> </a>
    </div>
  </header>

  <!-- About Section -->
  <div id="about-section">
    <div class="container">
      <div class="section-title text-center center">
        <h2><strong>About</strong> us</h2>
        <hr>
        <div class="clearfix"></div>

      </div>
      <div class="row">
        <div class="col-md-6"> <img src="img/about.png" class="img-responsive"> </div>
        <div class="col-md-6">
          <div class="about-text"> <i class="fa fa-users"></i>
            <h4>Who We Are</h4>
            <p>
              701工作室，又名“程序猿收容所”。工作室自2011年成立以来，从最初的5名学生发展到现在的40名学生，经历了从15-2109到20-701的迁址。这里有Website编程高手、这里有UI设计大师、这里有Android、IOS移动App开发大牛、这里也有微信公众号设计专家……701工作室只和最新计算机技术有关。
            </p>
            <i class="fa fa-puzzle-piece"></i>
            <h4>What We Do</h4>
            <p>工作室主要培养学生计算机程序设计能力、项目管理、研发能力，通过各类学科竞赛、学生科研项目、指导老师横向科研项目为学生铺设一条从模拟到实战的研发之路。</p>
            <i class="fa fa-check-square-o"></i>
            <h4>Why Choose Us</h4>
            <p>
              这里有导师为你规划学习进程，这里有学姐、学长的手把手指导，这里有“程序猿”标准装备，这里给你提供了一个良好的学习环境，这里为你提供了实践的机会，说不定，你还可以在这里找到志同道合的另一半。所有这一切，都是免费的……
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Team Section -->
  <div id="team-section" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2>Meet the <strong>team</strong></h2>
        <hr>
      </div>
      <div id="row">
        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/00.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>方剑</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/06.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>蒋伟</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/07.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>戚海波</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/08.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>汪文英</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/09.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>吴佳迪</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/10.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>郑品章</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/15.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>徐雅倩</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/16.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张雨刚</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/17.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>章灵晖</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/18.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>池超凡</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/19.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>陆文俊</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/20.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>毛江雄</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/28.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>王庆</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/12.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张振宇</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/13.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>许伟沣</h3>
              <p>Founder</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/01.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>洪晨港</h3>
              <p>Web Designer</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/02.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>赵鑫越</h3>
              <p>Web Designer</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/05.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>李特</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/14.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>倪金坚</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/30.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>陈静</h3>
              <p>Web Designer</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/03.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>叶程伟</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/04.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>杨伟佳</h3>
              <p>iOS</p>

            </div>
          </div>
        </div>


        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/21.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>胡之斐</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/22.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>杨骥</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/23.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>胡奇跃</h3>
              <p>iOS</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/24.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>史学伦</h3>
              <p>iOS</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/25.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>胡涛</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/26.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>杨圣华</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/31.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>翁益磊</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/32.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>陈灏</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/33.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>叶枫</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/34.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>胡楠灿</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/35.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张璐</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/36.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>徐佳莹</h3>
              <p>Designer</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/37.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>沈颖</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/38.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>慎泽昌</h3>
              <p>iOS</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/39.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>应槟鸿</h3>
              <p>Project Manager</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/40.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张韦</h3>
              <p>Android</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/41.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>麻俊纪衡</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/42.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张嗣豪</h3>
              <p>Website</p>

            </div>
          </div>
        </div>


        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/43.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>项佳诚</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/44.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>杨河</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/45.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>吴越忌</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/46.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>徐涛</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/47.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>刘源一</h3>
              <p>Web Designer</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/48.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>蔡鑫乐</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/49.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>张子彦</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/50.png" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>钱亿楠</h3>
              <p>Web Designer</p>

            </div>
          </div>
        </div>


        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/51.jpg" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>潘玺羽</h3>
              <p>Web Designer</p>
            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/52.jpg" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>蔡雨</h3>
              <p>Web Designer</p>
            </div>
          </div>
        </div>

        <div class="col-md-3 col-sm-6 team">
          <div class="thumbnail"> <img src="img/team/53.jpg" alt="..." class="img-circle team-img">
            <div class="caption">
              <h3>管梦菲</h3>
              <p>Website</p>

            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
  </div>

  <!-- Portfolio Section -->
  <div id="works-section">
    <div class="container">
      <!-- Container -->
      <div class="section-title text-center center">
        <h2>Our <strong>glory</strong></h2>
        <hr>
        <div class="clearfix"></div>
      </div>
      <div class="categories">
        <ul class="cat">
          <li>
            <ol class="type">
              <li><a href="#" data-filter="*" class="active">全部</a></li>
              <li><a href="#" data-filter=".a">国家级奖项</a></li>
              <li><a href="#" data-filter=".b">省级奖项</a></li>
              <li><a href="#" data-filter=".c">其他</a></li>
            </ol>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <div class="row">
        <div class="portfolio-items">

          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a0.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a0.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a1.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a1.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a2.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a2.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a3.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a3.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a4.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a4.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a5.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a5.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a6.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a6.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a7.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a7.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a8.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a8.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a9.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a9.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a10.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a10.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a11.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a11.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a12.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a12.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <!--省级-->
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b0.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b0.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b1.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b1.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b2.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b2.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b3.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b3.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b4.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b4.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b6.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b6.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b7.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b7.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b8.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b8.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b9.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b9.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b10.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b10.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b11.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b11.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b12.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b12.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b13.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b13.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b14.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b14.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <!--其他-->
          <div class="col-sm-6 col-md-3 col-lg-3 c">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/c0.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/c0.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 c">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/c1.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/c1.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>
          <div class="col-sm-6 col-md-3 col-lg-3 c">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/c2.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/c2.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>

          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/c3.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/c3.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>

          <div class="col-sm-6 col-md-3 col-lg-3 b">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/b15.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/b15.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>

          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a13.jpg" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a13.jpg" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>

          <div class="col-sm-6 col-md-3 col-lg-3 a">
            <div class="portfolio-item">
              <div class="hover-bg">
                <a href="img/portfolio/a15.png" rel="prettyPhoto">
                  <div class="hover-text">
                    <h4>Project Title</h4>
                    <small>点击查看大图</small>
                    <div class="clearfix"></div>
                    <i class="fa fa-plus"></i>
                  </div>
                  <img src="img/portfolio/a15.png" class="img-responsive" alt="Project Title">
                </a>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <!-- Services Section -->
  <div id="services-section" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2>Our <strong>Services</strong></h2>
        <hr>
        <div class="clearfix"></div>

      </div>
      <div class="space"></div>
      <div class="row">

        <div class="col-md-6 col-sm-6 service">
          <a href="new1/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>DrCar行车伴侣</strong></h4>
        </div>
        <div class="col-md-6 col-sm-6 service">
          <a href="new2/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>安相伴儿童安全卫士</strong></h4>
        </div>
        <div class="col-md-6 col-sm-6 service">
          <a href="new3/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>e游</strong></h4>
        </div>
        <div class="col-md-6 col-sm-6 service">
          <a href="new4/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>骑遇</strong></h4>
        </div>
        <div class="col-md-6 col-sm-6 service">
          <a href="new5/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>iTrip</strong></h4>
        </div>
        <div class="col-md-6 col-sm-6 service">
          <a href="new6/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>咖啡机</strong></h4>
        </div>

        <div class="col-md-6 col-sm-6 service">
          <a href="new7/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>Ai宿</strong></h4>
        </div>

        <div class="col-md-6 col-sm-6 service">
          <a href="new7/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>Ai寻</strong></h4>
        </div>

        <div class="col-md-6 col-sm-6 service">
          <a href="new7/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>护行者</strong></h4>
        </div>

        <div class="col-md-6 col-sm-6 service">
          <a href="new7/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>实识报</strong></h4>
        </div>

        <div class="col-md-6 col-sm-6 service">
          <a href="new7/index.html">
            <i class="fa fa-mobile"></i>
          </a>
          <h4><strong>iStudy</strong></h4>
        </div>

      </div>
    </div>
  </div>

  <!--contact us-->
  <div id="contact-section" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2><strong>Contact</strong> us</h2>
        <hr>
        <p>Welcome you to join the 701, to study hard.</p>
      </div>
      <div class="col-md-8 col-md-offset-2">
        <div class="col-md-4">
          <i class="fa fa-map-marker fa-2x"></i>
          <p>宁波财经学院<br> 信息大楼701
          </p>
        </div>
        <div class="col-md-4">
          <i class="fa fa-envelope-o fa-2x"></i>
          <p>Studio_701@163.com</p>
        </div>
        <div class="col-md-4">
          <!--<i class="fa fa-facebook fa-2x"></i>-->
          <img width="28px" height="40px" src="img/2.png">
          <p>701Studio
          <p>
        </div>
        <hr>
        <div class="clearfix"></div>
      </div>
      <div class="col-md-8 col-md-offset-2">
        <hr>
        <h3>701工作室欢迎你的到来</h3>
        <img src="img/organization/2020.jpg">


        <form>

          <!--
          <div class="row">
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="姓名">
              </div>
            </div>
            <div class="col-md-6">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="班级">
              </div>
            </div>
          </div>
          <div class="form-group">
            <textarea class="form-control" rows="4" placeholder="个人介绍"></textarea>
          </div>
-->

          <!--          <button type="submit" class="btn btn-default">点击加入701工作室</button>-->
        </form>
      </div>
    </div>
  </div>
  <!--</div>-->
  <nav id="footer">
    <div class="container">
      <div class="pull-left fnav">
        <p>Copyright &copy; 2015 701. More Templates <a href="#home" target="_blank" title="701">701</a> - Collect from
          <a href="#team-section" title="成员介绍" target="_blank">us</a>
        </p>
      </div>
      <!--<div class="pull-right fnav">-->
      <!--<ul class="footer-social">-->
      <!--<li><a href="#"><i class="fa fa-facebook"></i></a></li>-->
      <!--<li><a href="#"><i class="fa fa-twitter"></i></a></li>-->
      <!--<li><a href="#"><i class="fa fa-dribbble"></i></a></li>-->
      <!--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>-->
      <!--</ul>-->
      <!--</div>-->
    </div>
  </nav>


  <!-- Testimonials Section -->
  <!--<div id="testimonials-section" class="text-center">-->
  <!--<div class="container">-->
  <!--<div class="section-title center">-->
  <!--<h2>What <strong>clients</strong> say</h2>-->
  <!--<hr>-->
  <!--</div>-->
  <!--<div class="row">-->
  <!--<div class="col-md-8 col-md-offset-2">-->
  <!--<div id="testimonial" class="owl-carousel owl-theme">-->
  <!--<div class="item">-->
  <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>-->
  <!--<p><strong>John DOE</strong>, CEO, Company.</p>-->
  <!--</div>-->
  <!--<div class="item">-->
  <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>-->
  <!--<p><strong>Jenny DOE</strong>, CEO, Company.</p>-->
  <!--</div>-->
  <!--<div class="item">-->
  <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>-->
  <!--<p><strong>John DOEn</strong>, CEO, Company.</p>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->
  <!--</div>-->

  <!-- Contact Section -->

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <!-- <script src="http://ajax.useso.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> -->
  <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/SmoothScroll.js"></script>
  <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  <script type="text/javascript" src="js/jquery.isotope.js"></script>
  <script src="js/owl.carousel.js"></script>

  <!-- Javascripts
      ================================================== -->
  <script type="text/javascript" src="js/main.js"></script>
</body>

</html>